<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #div {
            color: red;
        }

        .div {
            color: blue !important;
        }

        body {
            color: red;
        }

        ul {
            color: green;
        }
    </style>
</head>
<body>
    <!-- 优先级/权重 -->
    <div>
    </div>
    <!-- 
       !important > 内联(行内) > id选择器 > 类选择器 > 元素选择器 > 通配符

       内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）
     -->

    <!-- <div id="div" class="div">123</div> -->


    <div>123</div>


    <p>456</p>


    <ul>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
    </ul>
</body>
</html>